
/* experiment to make page more responsive */
body {
 min-width: 0 !important;
}

/* ---To remove the extra little white box around the search Button in Advanced Search--- */
#exlidAdvancedSearchRibbon div.EXLSearchFieldRibbonFormSubmitSearch {border:1px solid #F4F7F8; clear:both; display:inline;float:left;margin-top:-1px;}

/*
  ---Removing Languages drop-down from main menu---
*/

#exlidMainMenuTile div.EXLLanguagesContainer{ display:none; } 
#exlidMainMenuTile div.EXLMainMenuContainer { float:right; width:40em}




/*---Removing Subscribe to Library News Feeds button from search bar---*/
#exlidSearchBanner {display:none;}


/*---Removing Last Update line---*/
/*Footer Styles*/
.EXLFooterTile div.EXLFooterUpdateContainer div.EXLFooterLastUpdate {display:none; }


/*---Removing Reviews and Tags Tab from Search Results---*/
/*Reviews & Tags Tab Styles*/
.EXLResult .EXLReviewsTab { display:none;}


/*---Removing GetIt! Link 1 Tab from Search Results--
.EXLResult .EXLViewOnlineTab { display:none;} */

/*---Display facets on right---

.EXLResultsContainer div.EXLResultsTile { padding-right:1%;
padding-left:0; border-right: 1px solid #D7DDE3; border-left:none;
float:left;}
.EXLFacetTile {float:right;}

#exlidMainMenuRibbon #exlidMainMenuItem3 span {
border-right:0px solid #E2E2E2;
color:#555555;
padding-left:0.5em;
padding-right:0.5em;
}

#exlidAdvancedSearchRibbon div.EXLSearchFieldRibbonFormSubmitSearch {
border-top:1px solid #ADB9C2;
border-right:0px;
border-left:0px;
border-bottom:0px;
}

.EXLFooterTile .EXLFooterLinksList1 li.EXLFooterLastLink {
margin-top: -5px;
}
*/

/*---Display 'New Search' at first place in the top main menu */
/* #exlidMainMenuRibbon li#exlidMainMenuItem2 {display:inline;position:absolute; right: 14em;}
#exlidMainMenuRibbon li#exlidMainMenuItem0 {display:inline;position:absolute; right: 9em;}
#exlidMainMenuRibbon li#exlidMainMenuItem1 {position:absolute; right:17.8em;}
*/




/* Remove e-shelf if no login or personalisation 

#exlidUserAreaTile { display:none  } */




/*Hide all languages : */
#exlidMainMenuTile div.EXLLanguagesContainer li a[class^="EXLLanguageOptionLANG"] {display: none; }

/* Display the languages your need on the view :*/
/*#exlidMainMenuTile div.EXLLanguagesContainer li a[class~="EXLLanguageOptionLANGen_US"] {display: block;}
#exlidMainMenuTile div.EXLLanguagesContainer li a[class~="EXLLanguageOptionLANGno_NO"] {display: block;}

*/


/*Browse results styles - disable 
.EXLResultsHeader h1{  color:#8c8c8c; font-weight:bold; font-size:80%; padding:0em 0em 0em 1em; margin:0px; margin-bottom:0.2em; float:left;width:65%;}
.EXLSearchFieldRibbonBrowseSearchLink { float:right; width:9%; white-space:nowrap; }
* html .EXLSearchFieldRibbonBrowseSearchLink {clear:left; padding-left:0.5em; padding-top:0.5em; }
.EXLSearchFieldRibbonBrowseSearchLink a { display:block; font-size: 80%;}
*/
* html .EXLSearchFieldRibbonAdvancedSearchLink a.EXLSearchFieldRibbonAdvancedTwoLinks {clear:left; padding-left:0.5em; padding-top:0.5em; }/*for ie6*/
.EXLSearchFieldRibbonAdvancedSearchLink a.EXLSearchFieldRibbonAdvancedTwoLinks { display:block;padding-top:1.8em; font-size: 80%;}

div.EXLResultsContainer div.EXLBrowseResultsTileNoFacets{width: 100%;}
div.EXLBrowsResultsTileNoFacets td.EXLThumbnail{display:none;}


.EXLSearchFieldRibbonFormSelectedBrowse {width:20em; float:left; margin-top:0em; cursor:pointer; border:1px solid #8FB9D0; height:26px; }
* html .EXLSearchFieldRibbonFormSelectedBrowse { overflow:hidden; line-height:200% }

.EXLSearchFieldRibbonFormBrowseList {float:left; margin-top:0em; cursor:pointer; width:20em;position:relative; top:2px;border:1px solid #c0c0c0;z-index:1000; background-color:#ffffff; display:block;clear:both;}
* html .EXLSearchFieldRibbonFormBrowseList {position: absolute;  top:110px; z-index:999}/*for ie6*/

.EXLSearchFieldRibbonFormSelectedCollectionLabel a.EXLBrowseListnoArrow{color:#32322f;display:inline-block;line-height:210%;width:100%; height:100%;background-image:none; background-repeat:no-repeat;background-position:96% 50%;}
* html .EXLSearchFieldRibbonFormSelectedCollectionLabel a.EXLBrowseListnoArrow{ float:left; width:100%; overflow:hidden; margin-top:0em; height:23px; }/*for ie6*/
.EXLSearchFieldRibbonFormSelectedLabelBrowse {padding-right:0.5em;}

#exlidAdvancedSearchRibbon div.EXLBrowseFieldRibbon { background-color:#FFFFFF; clear:both; min-height:3em; border:1px solid #8fb9d0; width:100%; padding:1em 1em 0.5em 1em;margin:0px; }


#exlidAdvancedSearchRibbon div.EXLDynamicSelectOnlyOneScope {display:none;}
#exlidAdvancedSearchRibbon div.EXLDynamicSelectBodyRadio a { text-decoration: none;width:100%;display:block;}
#exlidAdvancedSearchRibbon div.EXLDynamicSelectBodyRadio a input { display:none;}
#exlidAdvancedSearchRibbon div.EXLDynamicSelectBodyRadio a label { width:100%; white-space:nowrap; cursor:pointer; padding-left:0.5em; padding-right:1.5em;  }
#exlidAdvancedSearchRibbon div.EXLDynamicSelectBodyRadio div:hover { background-color:#f1f1f1}

#exlidAdvancedSearchRibbon.EXLAdvancedBrowseRibbon{width:96%}

.EXLAdvancedBrowseRibbon{ margin-top:0.5em; width:55em; /*55em 70%*/  }

.EXLAdvancedBrowseRibbon div.EXLDynamicSelectBodyRadio div { line-height:180%;  width:100%; position:relative; min-width:18em; }

#exlidAdvancedSearchRibbon.EXLAdvancedBrowseRibbon input#search_field { height:26px;width:100%;line-height:210%;vertical-align: bottom; padding-left:0.6em;}

.EXLAdvancedBrowseRibbon div.EXLSearchFieldRibbonFormSubmitSearch{width:10%;}
#exlidAdvancedSearchRibbon.EXLAdvancedBrowseRibbon input.submit{width:100%;}


#exlidBrowseResultsEnteries {width:100%; line-height: 2em;clear:left;padding-bottom: 1.5em; font-size: 80%; padding-left: 0.3em;}
.EXLResultsListBrowseLine th {padding: 5px 10px 5px 10px; text-align:left;border-bottom: 1px solid #DFDFDF;}
.EXLResultsListBrowseLine td {padding: 6px 10px 6px 10px; text-align:left;border-bottom: 1px solid #DFDFDF;}
.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderHeadingsTitle {width:auto;}
.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderHeadingsCounter {width:8.5em;}
.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderHeadingsType {width: 12em;}

.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderCallNumber1 {width: 150px;}
.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderCallNumber2 {width: 425px;}
.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderCallNumber3 {width: 425px;}
.EXLResultsListBrowseLine th.EXLBrowseResultsHeaderCallNumber4 {width: 50px;}


.EXLResultsListBrowseLine td.EXLBrowseResultsDataHeadingsTitle {}
.EXLResultsListBrowseLine td.EXLBrowseResultsDataHeadingsCounter {text-align: center;}
.EXLResultsListBrowseLine td.EXLBrowseResultsDataHeadingsType {}

.EXLResultsListBrowseLine td span.EXLBrowseResultsDataHeadingsEntry {color: #0075B0; padding-top: 0px}

.EXLResultsListBrowseLine td span.EXLBrowseResultsDataHeadingsEntry span.EXlBrowseFirstPhrase {padding-right:1em;color: #32322F;}

.EXLResultsListBrowse span.EXLBrowseResultsDataHeadingsEntry em {color: #000000;}

.EXLResultsListBrowse span.EXLBrowseResultsDataHeadingsEntry em.EXlBrowseFirstPhrase{padding-right:1em;}

.EXLResultsListBrowse span.EXLBrowseResultsDataHeadingsEntry em.EXlBrowseLastPhrase{padding-left:1em;}

#exlidBrowseResultsEnteries tr.EXLBrowseZebra  {background-color: #F8F8F8;}

#resultsNumbersTile #exlidBrowseFooterNavigation {display:none;}
#exlidBrowseFooterNavigation {font-size:80%;float:left;width:65%;margin: 0 0 0.2em;padding: 0 0 0 1em;}

.EXLBrowseList #resultsNumbersTile h1 {padding-left: -0.5em;}

/* Primo wide settings **********************************************/
/* don't show the 'update my screen automatically' link at bottom */
.EXLFooterAutoUpdate {
	display: none;
}

/* on search results, make the Save drop down wider for each item */
body.EXLFullView div.EXLTabHeaderButtons ol.EXLTabHeaderButtonSendToList {
	width: 200;
	left-25px;
}
div.EXLTabHeaderButtons ol.EXLTabHeaderButtonSendToList li:hover {
	background-color: #dcf1fc; 
}

/* Hide built in Find Databases / Online Resources link */
#exlidMainMenuItem0 {
	display: none;
}


/* Hide browse view */
.EXLSearchFieldRibbonBrowseSearchLink {display: none;}
.EXLSearchFieldRibbonBrowseSearchLink a {display: none;}

/* bx hot articles - don't show it - but do show the sort results options */
#resultsHeaderNoId div.EXLCustomLayoutTile {display:none;}
#resultsHeaderNoId div#resultsNumbersTile {display:inline;}


/* remove gap at end of each facet */
.EXLFacetContainer {
 margin-bottom: 0em;
}

/* make the Back to search results link on the full record view nice and big. */
body.EXLFullView div.EXLBackToResults {
  font-size: 120%;
  font-weight: bold;
}

.EXLResultsHeader div.EXLResultsNavigation {
  font-size: 100%;
}

/* Sort Results box needs to be wider */
.EXLResultsHeader div.EXLResultsNumbers div.EXLResultsSortBy ul {
  width: 8em;
}



/* don't restrict page logos to 18% width */
#exlidHeaderTile { width: auto;}

/* reduce width of right menu at top, to stop search bar being knocked below the blue bar */
#exlidMainMenuTile div.EXLMainMenuContainer {width:auto;}
#exlidMainMenuTile {width: 25em;}


/*  Background image for home page */
/* #exlidHomeContainer div.EXLHomeBlockContainer1 { background-image: url(../images/homepage628.jpg); background-position:center; background-repeat:no-repeat; height:380px; }	
.EXLSearchFieldRibbonAdvancedSearchLink a, a.EXLFullResultsHeaderBackToBriefResultsLink {color:#c00000;}	*/

/* Suppress MyAccount in user menu */
#exlidMyAccount  { display:none;}

/* don't show request tab for each alto search result */
#exlidResult0-RequestTab { display:none; }


/* ******************* Home page ****************************/
/* image resizes to screen up to max size */
#homebigimage { 
	width:100%;
	max-width: 973px;
}

/* temproary change to make the border of the search more pronounced while we have a white image behind it */
#HexlidSearchRibbon div.EXLSearchFieldRibbon {
	border: 2px solid #8fb9d0;
}

/* overwides 76ems - means the main container for homepage content is flexible on width */
#exlidHomeContainer { 
	max-width:76em;
	width:100%;
}

/* use Block1 for the whole of the main screen */
#exlidHomeContainer div.EXLHomeBlockContainer1 div.EXLContentBlock1 { width:100%; float:left; padding-left:0.5em;}
#exlidHomeContainer div.EXLHomeBlockContainer1 div.EXLContentBlock2 { display: none;}

/* don't start a new line when we have a link */
#exlidHomeContainer div.EXLHomeBlockContainer1 div.EXLContentBlock1 p a {
        display: inline;
        line-height: 100%;
}


/* don't show nice image in the second blue box at the bottom */
#exlidHomeContainer div.EXLContentBlock3 div.EXLHomeBannerContainer2 {
    background-image: url(../images/bg_strip_home_banners.png);
    background-repeat: repeat-x;
}

/* don't show nice image in far right box at bottom */
#exlidHomeContainer div.EXLContentBlock4 div.EXLHomeBannerContainer2 {
	    background-image: url(../images/bg_strip_home_banners.png);
	    background-repeat: repeat-x;
}

/* don't show image in the third box at bottom */
#exlidHomeContainer div.EXLContentBlock4 div.EXLHomeBannerContainer1 {
            background-image: url(../images/bg_strip_home_banners.png);
            background-repeat: repeat-x;
}



/* Homepage move search bar to middle */
div.HOMEEXLSearchFieldRibbon  {
	position: absolute; 
	left: 35%; 
	top: 300px;
	width: 630px !important;
}

/* Homepage hide blue bar along top */
div#exlidSearchTile.homepage {
	height: 0px;
}

/* homepage - move advanced search link */
div.EXLSearchFieldRibbonAdvancedSearchLink.homepage {
        position: absolute;
        left: 65%;
        top: 331px;
	width: auto; /* set to 9% in primo = not sure why.*/
	background-color: white;
	padding-top: 0em; /* not used - need to fix */
}
/* set the size of the Advance Search link */
 .EXLSearchFieldRibbonAdvancedSearchLink.homepage a.EXLSearchFieldRibbonAdvancedTwoLinks {
                padding-top: 0.5em;
        }


/* Homepage: helps to move the image up a little on homepage */
div#exlidSearchRibbon.homepage {
	height: 0px;
}

#exlidHomeContainer div.EXLContentBlock4 p {
	margin-right: 0px;
	line-height: normal;
}

/* smaller font for news boxes */
div.EXLHomeBlockContainer2 {
	font-size: 90%;
	line-height: normal;
}
/* and a bit more line spacing */
#exlidHomeContainer div.EXLContentBlock3 p {
	line-height: normal;
}


/* End of homepage **************************************************/

/* ****************************************************************/
/* My Account *****************************/
div.EXLMyAccountMainHeaderContent {

}

/* Don't show edit link for Personal Settings */
div.EXLMyAccountEditLink {
	display: none;
}

/* tabs at top of My Account a little bigger for "Searchers & Alerts */
.EXLMyAccountTabsRibbon div li {
	width: 8em;
}


/********************************************************************/
/************************* View ports ************************/
/* don't display third and fourth new boxes if narrow display */
@media only screen and (max-width: 1000px) {
	.EXLContentBlock4 {
		display:none;
	}
	/* center the remaining two news items */
        #exlidHomeContainer div.EXLHomeBlockContainer2 div.EXLContentBlock3 {
                width: 480px;
                float: none;
                margin-left: auto;
                margin-right: auto;
        }


	/* at this size, fix the search box in place on the home page and make it a little smaller */
	div.HOMEEXLSearchFieldRibbon  {
		left: 150px;
		width: 550px !important;
	}

	/* reduce the size of the Library Search logo */
	#exlidHeaderTile img {
		max-width: 200px;
	}

	/* reduce the size of the search box, which requires re-jiggling the proportions a little */
	.HOMEEXLSearchFieldRibbon .EXLSearchFieldRibbonFormSubmitSearch {
		width: 11%; /* from 9 */
	}
	.HOMEEXLSearchFieldRibbon .EXLSearchFieldRibbonFormFields {
		width: 89%; /* was 91 (remainder if for search button above */
	}
	/* set posistion of Advanced Search */
	div.EXLSearchFieldRibbonAdvancedSearchLink.homepage {
		left: 620px;
	}

	/* text below the big image on the homepage should not go right to the right */
	#exlidHomeContainer div.EXLHomeBlockContainer1 div.EXLContentBlock1 p {
		width: 90%;
	}
	

}

@media only screen and (max-width: 760px) {
	div.HOMEEXLSearchFieldRibbon  {
		left: 10px;
		width: 500px !important;
	}
	div.EXLSearchFieldRibbonAdvancedSearchLink.homepage {
                left: 430px;
        }
	/* reduce the size of the Library Search logo */
        #exlidHeaderTile img {
                max-width: 150px;
        }
	/* menu items at the top should take two lines, and less width */
	#exlidMainMenuTile div.EXLMainMenuContainer {
		width: 150px;
	}
	#exlidMainMenuTile {
		width: 150px;
	}
	#exlidMainMenuRibbon li {
		width: 140px;
	}
	/* hide my favorites link */
	#exlidMyShelf {
		display: none;
	}
	/* hide the top Help link to make everything fit in */
	#exlidMainMenuItem3 {
		display: none;
	}



}

/* 500 is where primo mobile css kicks in... */
@media only screen and (max-width: 500px) {
	/* hide feedback button on right */
	div#uvTab {
		display:none !important;
	}

	/* for mobile, unset the fixed width search box */
	div.HOMEEXLSearchFieldRibbon {
		width: 100% !important;
	}

	/* undo what was done above to the main search box (and let the mobile.css do the rest */
	.HOMEEXLSearchFieldRibbon .EXLSearchFieldRibbonFormFields {
		width: 75%;
	}
}	
